<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超链接：通过点击文本，实现页面跳转
		      超链接元素：a
			  超链接属性：必须属性 href=“路径+全称”
			  超链接有6种表现形式？
			  ①跳转至页面：路径+文件全称
			  ②跳转本地：#{占位符}
			  ③跳转到互联网页面：http://www.baidu.com
			  ④实现下载：引入压缩包
			  ⑤跳转至邮箱：mailto:2504115539@qq.com   专拣foxmail
			  ⑥跳转至JavaScript:javascript:JS语法
			  target属性:跳转打开方式
			  属性值：_self 默认，当前窗口打开，页面覆盖
			        _parent  当前父页面打开，没有父页面效果如上
					_top   在整个浏览器中打开页面，会忽略页面结构，直接占满全屏
					_blank 新打开一个页面，页面不会覆盖{*}
		-->
		<a href="javascript:alert('欢迎学习JS')">跳转到JS</a>
		<a href="mailto:2504115539@qq.com">跳转至邮箱</a> <br>
		<a href="1.zip">下载功能</a> <br>
		<a href="http://www.baidu.com">百度一下，你就知道</a>  <br>
		<a href="#">跳转本地</a>  <br>
		<a href="大风车.html">大风车页面</a>
		
		<h1>锚点技术</h1>
		<!-- {返回顶部}锚点具备三要素：1.定义锚点 2.锚点距离 3.锚点位置 -->
		<!-- 1.定义锚点 -->
		<a href="#abc">人</a>
		<!-- 2.锚点距离  填充页面高度:1000px -->
		<div style="height:1000px;"></div>
		<!-- 3.锚点位置     超链接name传参属性:{将前台数据传输后台}
		                           属性值：自定
								   -->
			<a name="abc"><img src="img/dfc.jpg" alt="大风车" /></a>
	</body>
</html>
